.vue-admin-better-theme-glory {
  color: $base-color-black;



  .side-bar-container .el-menu-item.is-active {
    background-color: $base-color-white !important;
  }

  .el-submenu__title:hover {
    background-color: $base-color-white !important;
  }

  .vue-admin-better-wrapper {
    .layout-container-horizontal {
      .vab-main {
        width: 100%;
      }

      .fixed-header {
        .vab-main {
          width: 88%;
        }
      }

    }
  }

  .el-menu--horizontal,
  .vue-admin-better-wrapper .layout-container-horizontal .fixed-header>.el-menu--horizontal,
  .el-menu--horizontal>.el-menu-item,
  .side-bar-container .el-menu-item:hover,
  .el-submenu__icon-arrow,
  .el-submenu>.el-submenu__title {
    background-color: $base-color-white !important;
    color: $base-color-black !important;
  }

  .top-bar-container .vab-main .el-menu--horizontal>.el-menu-item.is-active {
    background-color: transparent !important;
    border-bottom: 3px solid $base-color-white !important;
    color: #3373fc !important;
  }

  .el-menu--horizontal>.is-active>.el-submenu__title {
    color: #3373fc !important;
  }

  .github-corner .github-color {
    fill: $base-color-black;
  }

  .top-bar-container .right-panel .user-name,
  .top-bar-container .right-panel svg,
  .el-card,
  .el-alert__description {
    color: $base-color-black;
  }


  .top-bar-container .vab-main .el-menu.el-menu--horizontal,
  .logo-container-horizontal,
  .top-bar-container,
  .top-bar-container .vab-main,
  .left-panel,
  .nav-bar-container {
    background: $base-color-white;
    color: $base-color-black;
  }

  .logo-container-horizontal .title,
  .el-dropdown,
  .nav-bar-container .right-panel svg,
  .nav-bar-container .left-panel .fold-unfold,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
    color: $base-color-black;
  }
}
